@charset "utf-8";
@function v($p){
    @return $p/1920*100vw;
}
//动画
@mixin scaleBig{
    transform: scale(1.2);
    cursor: pointer;
}

//section 中部
section{
    padding: v(20) v(220) v(140);
    box-sizing: border-box;
    //大图区
    .sec_top{
        width: 100%;
        position: relative;
        >img{width: 100%;}
        .sec_top_title{
            width: v(526);
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);  
            text-align: center;
            >img{width: 100%;}
            button{
                margin-top: v(68);
                color: white;
                background: transparent;
                border: 1px solid white;
                padding: v(23) v(105) v(21);}
        }
    }
    //导航条
    .sec_nav{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: v(90) 0;
        li{margin: 0 v(6);
            border-bottom: 1px solid transparent;
            a{color: black;}
        }
        li:nth-child(odd):hover{
            border-bottom: 1px solid black;}
        li:nth-child(even){
            width: v(58);
            height: 2px;
            background:#fe8582 ;}
    }
    //中部图区
    .sec_mid{
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 0 v(110);
        box-sizing: border-box;
//      >div:nth-child(1){margin-right:v(40) ;}
        >div{
            text-align: center;
            div:nth-child(1){
                height: v(520);
                margin-right: v(40);
                img{width: 100%;
                height: 100%;}
            }
            div:nth-child(2){margin: v(36) 0 v(21);}
        }
    }
    .sec_mid_1st{
        >div:nth-child(1){
            width: v(816);
            div:nth-child(2){width: 100%;>img{width: v(266);}}
        }
        >div:nth-child(2){
            width: v(388);
            div:nth-child(2){width: 100%;>img{width: v(151);}}
        }
    }
    .sec_mid_2nd{
        margin-top: v(10);
        margin-bottom: v(50);
        >div:nth-child(1){
            width: v(438);
            div:nth-child(2){width: 100%;>img{width: v(151);}}
        }
        >div:nth-child(2){
            width: v(766);
            div:nth-child(2){width: 100%;>img{width: v(266);}}
        }
    }
    //底部see more
    .sec_seemore{
        width: 100%;
       text-align: center;
        button{
            background: transparent;
            border: 1px solid black;
            padding: v(23) v(105) v(21);}
    }
}
//底部图片
.section_footer{
    background: url(../img/9,7.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: v(993);
    position: relative;
    .section_footer_title>img{
        width:v(531);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(0%,-50%);
        margin: auto;
    }
}


//------动画
.sec_mid{
    >div{
        >div:nth-child(1){
            overflow: hidden;
            img{transition: all 1s;}
            img:hover{@include scaleBig}
        }
    }
}
//-----/动画